<!DOCTYPE html>
<!-- saved from url=(0183)https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/instance/detail/vm?uuid=11333a5d27f6c39e98bafa00b65cc2ab&resourceUuid=5d199014-bf2a-41a8-82f1-2a59d82cfa44-vm-2528 -->
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
  
  <meta http-equiv="X-UA-Compatible" content="IE=11">
  <title class="ng-binding">WinCloud 8.0</title>
  <link rel="icon" href="https://cloud.192.168.209.220.nip.io/index.html" type="image/x-icon">
  <link href="./WinCloud 8.0_files/bootstrap.min.css" type="text/css" rel="stylesheet">
  <link type="text/css" rel="stylesheet" href="./WinCloud 8.0_files/font-awesome.min.css">
  <link href="./WinCloud 8.0_files/wizard-nav.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/highcharts.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/daterangepicker.css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/bootstrap-table.min.css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/bootstrap-wincloud.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/custom-component.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/angular-table.css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/angular-toggle-switch-bootstrap-3.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/rzslider.css" type="text/css" rel="stylesheet">
  <!--<link href="lib/webuploader/webuploader.css" type="text/css" rel="stylesheet"/>-->
  <link href="./WinCloud 8.0_files/webuploader.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/main.css" type="text/css" rel="stylesheet">
  <link href="./WinCloud 8.0_files/icon.css" type="text/css" rel="stylesheet">
  <link rel="stylesheet" href="./WinCloud 8.0_files/iconfont.css">
  <link rel="stylesheet" href="./WinCloud 8.0_files/sourcehansans.css">
  <link href="./WinCloud 8.0_files/main(1).css" type="text/css" rel="stylesheet">

</head>

<body>
  <!-- ngIf: !isLogin -->
  <!-- ngIf: isLogin && gotPermission --><!-- uiView:  --><div ui-view="" ng-if="isLogin &amp;&amp; gotPermission" class="ng-scope"><div ng-controller="headCtrl" class="ng-scope">
  <div class="head">
    <!-- <div class="main-nav-btn" ng-click='toggleAside()'><span class="glyphicon glyphicon-th-list"></span></div> -->
    <div class="brank">
      <a href="https://cloud.192.168.209.220.nip.io/index.html"><img style="max-width: 140px;max-height: 36px;" ng-src="" alt="" src=""></a>
      <div style="display: inline-block;height:34px; border-right:1px #1A1919 solid;position: relative;top: 12px;margin-left: 10px">
      </div>
      <div style="display: inline-block;cursor: pointer;" class="dropdown ng-hide" ng-show="help.vdcSwitchModal.show">
        <span class="font_family icon-IP" style="width: 22px;padding:0 1px;margin-left: 10px;    margin-left: 10px;
      color: #fff;"></span>
        <span style="color: #fff" id="dropdownMenu_vdc" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span class="ng-binding"></span> <i class="fa fa-caret-down" aria-hidden="true"></i></span>
        <ul class="dropdown-menu dropdown-menu-head" aria-labelledby="dropdownMenu_vdc" style="max-height: 400px;overflow:auto">
          <!-- ngRepeat: vdc in help.vdcSwitchModal.manageVDCList -->
        </ul>
      </div>
    </div>

    <div style="display: inline-block;color: #fff;padding-right:20px" class="pull-right">
      <span class="dropdown pull-right" dropdown="">
        <a href="https://cloud.192.168.209.220.nip.io/index.html" class="dropdown-toggle ng-binding" dropdown-toggle="" style="color: #fff;" aria-haspopup="true" aria-expanded="false">
          admin
        </a>
        <ul class="dropdown-menu" style="background-color: #fff;padding:15px;color: #000">
          <li class="ng-binding">
            用户名：admin
          </li>
          <li class="text-center">
            <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="logout()">退出</a>
          </li>
        </ul>
      </span>
      <span class="dropdown pull-right" dropdown="" style="margin-right:15px">
        <a href="https://cloud.192.168.209.220.nip.io/index.html" class="dropdown-toggle ng-binding" dropdown-toggle="" style="color: #fff;" aria-haspopup="true" aria-expanded="false">
          超级管理员
        </a>
        <ul class="dropdown-menu dropdown-menu-head" style="background-color: #fff;padding:10px 0;color: #000">
          <!-- ngRepeat: roleType in userRole.userRoleTypeList --><li ng-repeat="roleType in userRole.userRoleTypeList" ng-click="selectUserRoleType(roleType)" class="ng-binding ng-scope">
            超级管理员
          </li><!-- end ngRepeat: roleType in userRole.userRoleTypeList -->
        </ul>
      </span>

      <!-- ngIf: false -->
      <!-- ngIf: userRole.rights.length > 0 --><a style="color: #fff" href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="toggleTaskLogModal()" ng-if="userRole.rights.length &gt; 0" ng-hide="userAccount == &#39;safety&#39; || userAccount == &#39;audit&#39;" class="ng-scope"><span class="font_family icon-CaoZuoRiZhi pull-right item-margin-right"></span></a><!-- end ngIf: userRole.rights.length > 0 -->
      <!-- ngIf: false -->
      <a has-permission="f4c9f222b78c4ba98c814eaa493fad33" style="color: #fff" href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="toggleNotifyModal()" class="ng-isolate-scope"><span class="font_family icon-Message pull-right item-margin-right"></span></a>
      <!-- <a style="color: #fff" href="#/main/viewBoard" class="item-margin-right">看板</span></a> -->
      <!-- ngIf: false -->
    </div>
    <div class="pull-right item-margin-right" style="height: 18px;border-right:1px #717171 solid;position: relative;top:18px"></div>
    <ul class="head-nav">
      <!--  <li><a href="#/main/page">测试</a></li> -->
      <li ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;dashboard&#39;}" class=""><a href="https://cloud.192.168.209.220.nip.io/index.html#/main/dashboard">首页</a></li>
      <li ng-click="signClick()" ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;costAnalysis&#39;}" user-group-permission="3a734c4f3aee48deba5cf9418ab00001" class="ng-isolate-scope"><a style="width:120px" href="https://cloud.192.168.209.220.nip.io/index.html#/main/costAnalysisFrame">资源成本分析</a></li>
      <li ng-click="signClick()" ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;bussiness&#39;}" has-permission="3ad3ed0cd2e145de98850ce33e7bc0d2" class="ng-isolate-scope active"><a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame" class="ng-binding">服务运营</a></li>
      <!-- has-permission="93fce7bd687645189dadbe26ed679cf1" -->
      <li ng-click="signClick()" ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;monitorAlarm&#39;}" has-permission="93fce7bd687645189dadbe26ed679cf1" class="ng-isolate-scope"><a href="https://cloud.192.168.209.220.nip.io/index.html#/main/operationFrame" class="ng-binding">监控运维</a></li>
      <li ng-click="signClick()" ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;systemManager&#39;}" has-permission="ab5783774c4c41aeb7423b0ee6524b97" class="ng-isolate-scope"><a href="https://cloud.192.168.209.220.nip.io/index.html#/main/systemManagerFrame/user/index" class="ng-binding">系统管理</a></li>
      <li ng-click="signClick()" ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;addPlatform&#39;}" has-permission="4daeff860c5843ac923010f5c037de0d" class="ng-isolate-scope"><a href="https://cloud.192.168.209.220.nip.io/index.html#/main/addPlatformFrame" class="ng-binding">基础设施</a></li>
      <li ng-click="signClick()" ng-class="{&#39;active&#39;:hightlineTopMenu == &#39;report&#39;}" has-permission="" class="ng-isolate-scope"><a href="https://cloud.192.168.209.220.nip.io/index.html#/main/reportFrame">报表管理</a></li>
      <!-- <li><a target="_blank" href="viewSystem/index.html#/fullScreen">大屏展示</a></li> -->
    </ul>
  </div>
  <!-- uiView:  --><div ui-view="" class="ng-scope"><div class="main-frame ng-scope" ng-controller="frameCtrl" ng-init="emitToTopMenu(&#39;bussiness&#39;)">
  <div class="main-menu animate-flex-basis" ng-class="{&#39;main-menu-unexpand&#39;:sideBarHide}">
    <!-- ngInclude: "html/aside/_selectPlatformBtn.html" --><div ng-include="&quot;html/aside/_selectPlatformBtn.html&quot;" class="ng-scope"><div class="select-platform-btn text-center ng-scope" toggle-select-platform="" style="color: #fff;padding: 15px 0;">
  <div style="opacity: 1;"><img ng-src="" class="animateWidth " ng-style="{&#39;width&#39;:sideBarHide?&#39;30px&#39;:&#39;56px&#39;,&#39;height&#39;:sideBarHide?&#39;30px&#39;:&#39;64px&#39;,&#39;max-width&#39;:&#39;56px&#39;,&#39;max-height&#39;:&#39;64px&#39;}" src="" style="width: 56px; height: 64px; max-width: 56px; max-height: 64px;">
  </div>
  <div class="animateWidth animateHeight " style="text-align: center; overflow: hidden; width: 175px; height: 50px; margin-left: 20px;" ng-style="{&quot;width&quot;:sideBarHide?&quot;0px&quot;:&quot;175px&quot;,&quot;height&quot;:sideBarHide?&quot;0px&quot;:&quot;50px&quot;,&quot;margin-left&quot;:sideBarHide?&quot;0px&quot;:&quot;20px&quot;}">
    <div class="animate-opacity transition-delay" ng-style="{&#39;opacity&#39;:sideBarHide?&#39;0&#39;:&#39;1&#39;}" style="opacity: 1;">
      <div style="width:175px;font-size: 18px;word-break: break-all;color: #000;" class="ng-binding">
        WinCloud
        <!-- <div style="width:30px;border-top:1px #868080 solid"></div> -->
      </div>

      <!-- <div style="width:120px;font-size: 12px;letter-spacing: 6px;">云管理平台<i class="fa fa-sort-desc" style="position: relative;top:-14px;left:5px"></i></div> -->
    </div>

  </div>
</div></div>
    <div class="aside ng-scope" ng-controller="bussinessMenuCtrl">
      <ul>
        <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;serviceDirectory&#39;}" has-permission="1fca91fe8ec2447fb2b6cbc31d1cba55" class="ng-isolate-scope">
          <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/service/serviceDirectory" ng-click="selectMenu(&#39;serviceManger&#39;)">

            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-FuWu"></span>
            <span>服务管理</span>
          </a>
        </li>
        <!-- <li ng-class="{'open':selecteditem == 'calculatorManager'}" ng-if="!isNormalUser">
          <a href="" ng-click="selectMenu('calculatorManager')">

            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-ZiYuanShiLi-White"></span>
            <span>价格计算器</span>
            <i class="fa fa-chevron-right pull-right" aria-hidden="true"></i>
          </a>
          <ul ng-show="!sideBarHide" class="submenu" collapse="selecteditem != 'calculatorManager'">
            <li ng-class="{'active':hightlineMenu == 'calculator'}">
              <a href="#/main/bussinessFrame/service/calculator">
                <span>预算价格计算器</span>
              </a>
            </li>
            <li ng-class="{'active':hightlineMenu == 'configPrice'}">
              <a href="#/main/bussinessFrame/service/configPrice">
                <span>成本定价计算器</span>
              </a>
            </li>
            <li ng-class="{'active':hightlineMenu == 'priceExport'}">
              <a href="#/main/bussinessFrame/service/priceExport">
                <span>导出记录</span>
              </a>
            </li>

          </ul>
        </li> -->
        <!-- ngIf: isNormalUser -->
        <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;vdc&#39;}" has-permission="a759cfe62b3d4b6292d516c774654a05" class="ng-isolate-scope">
          <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/VDC/main/index" ng-click="selectMenu(&#39;vdc&#39;)">

            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-VDC">
            </span>
            <span>VDC管理</span></a>
        </li>
        <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;bussinessSystem&#39;}" has-permission="f43a7704f89a42c89af68cd0e0e7ea9b" class="ng-isolate-scope">
          <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/bussystem/index" ng-click="selectMenu(&#39;bussinessSystem&#39;)">

            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-YeWuXiTong1">
            </span>
            <span>应用系统</span></a>
        </li>
        <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;order&#39;}" has-permission="ca0634c5cd684df491f97d6d9e47b2b2" class="ng-isolate-scope">
          <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/order/index" ng-click="selectMenu(&#39;order&#39;)">

            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-DingDanShenPi"></span>
            <span>订单审批</span>
          </a>
        </li>
        <li ng-class="{&#39;open&#39;:selecteditem == &#39;resourceInstant&#39;}" has-permission="9f7fe15541a4490b96f2cb40061cdcef" class="ng-isolate-scope open">
          <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="selectMenu(&#39;resourceInstant&#39;)">

            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-ZiYuanShiLi-White"></span>
            <span>服务实例</span>
            <i class="fa fa-chevron-right pull-right" aria-hidden="true"></i>
          </a>
          <ul ng-show="!sideBarHide" class="submenu collapse in" collapse="selecteditem != &#39;resourceInstant&#39;" style="height: auto;">
            <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;vms&#39;}" has-permission="0e6ab27955e04f088e3d797fab85e0ef" class="ng-isolate-scope active">
              <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/instance/resource/vms">
                <span>资源实例</span>
              </a>
            </li>
            <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;bussinesscutover&#39;}">
              <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/bussinesscutover/index">
                <span>业务割接</span>
              </a>
            </li>
            <li ng-class="{&#39;active&#39;:hightlineMenu == &#39;vpcMain&#39;}" has-permission="d756fccbae4b47fdb7632d5e6f3ebcd5" class="ng-isolate-scope">
              <a href="https://cloud.192.168.209.220.nip.io/index.html#/main/bussinessFrame/instance/VPC">
                <span>VPC管理</span>
              </a>
            </li>

          </ul>
        </li>

        <!-- <li >
          <a href="">
            <span>应用编排</span>
          </a>
        </li> -->
        <!-- <li >
          <a href="">
            <img style="width: 16px;" src="images/svg/JiFeiZhangDan-White.svg" ng-show="false" class="ng-hide">
            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-JiFeiZhangDan-White" ng-show="true"></span>
            <span>计费清单</span>
          </a>
        </li>
        <li >
          <a href="">
            <img style="width: 16px;" src="images/svg/YeWuBaoBiao-White.svg" ng-show="false" class="ng-hide">
            <span style="font-size: 16px;position: relative;top:2px" class="font_family icon-YeWuBaoBiao-White" ng-show="true"></span>
            <span>业务报表</span>
          </a>
        </li> -->
      </ul>
    </div>
    <div class="main-menu-btn" ng-click="sideBarHide = !sideBarHide" ng-class="{&#39;main-menu-btn-unexpand&#39;:sideBarHide}">
      <img ng-class="{&#39;rotate180&#39;:sideBarHide}" src="./WinCloud 8.0_files/ShouQi.svg" width="60" alt="">
    </div>
  </div>
  <!-- uiView:  --><div class="main-content ng-scope" ui-view=""><!-- uiView:  --><div ng-controller="instanceCtrl" ui-view="" class="ng-scope"><!-- uiView:  --><div ui-view="" class="ng-scope"><div ng-controller="insVmDetailCtrl" class="ng-scope">
<ol class="breadcrumb">
  <li class="goBackBtn"><a ng-click="goBack()" class="ng-binding">返回</a></li>
  <li class="location ng-binding">当前位置：</li>
  <li class="path ng-binding">服务运营</li>
  <li class="path ng-binding">服务实例</li>
  <li class="path ng-binding">资源实例</li>
  <li class="path active">云主机详情</li>
</ol>
<div class="introduction">
  <span class="intro-title">云主机详情</span>
</div>
<!-- ngInclude: 'html/instance/ins/_vmDetails.html' --><div ng-include="&#39;html/instance/ins/_vmDetails.html&#39;" class="ng-scope"><div class="main-container ng-scope">
  <div class="bg-white-container">
    <div style="border-bottom: 1px solid rgba(217,217,217,1);padding:15px 0">
      <!-- ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState --><button class="btn btn-red ng-scope" ng-click="openConsole(res.uuid)" ng-if="ipPermissionsValidate &amp;&amp; model.state == &#39;ACTIVE&#39; &amp;&amp; model.isValidate  &amp;&amp; !model.taskState">控制台</button><!-- end ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState -->
      <!-- ngIf: ipPermissionsValidate && model.state == 'SHUTOFF' && model.isValidate  && !model.taskState -->
      <!-- ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState --><button class="btn btn-black ng-scope" ng-if="ipPermissionsValidate &amp;&amp; model.state == &#39;ACTIVE&#39; &amp;&amp; model.isValidate  &amp;&amp; !model.taskState" ng-click="stop([vmUuid])">关机</button><!-- end ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState -->
      <!-- ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState --><button class="btn btn-default ng-scope" ng-if="ipPermissionsValidate &amp;&amp; model.state == &#39;ACTIVE&#39; &amp;&amp; model.isValidate  &amp;&amp; !model.taskState" ng-click="reboot([vmUuid])">重启</button><!-- end ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState -->
      <!-- ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState && model.hypervisor != 'PowerVM' --><button class="btn btn-default ng-scope" ng-if="ipPermissionsValidate &amp;&amp; model.state == &#39;ACTIVE&#39; &amp;&amp; model.isValidate  &amp;&amp; !model.taskState &amp;&amp; model.hypervisor != &#39;PowerVM&#39;" ng-click="suspend([vmUuid])">挂起</button><!-- end ngIf: ipPermissionsValidate && model.state == 'ACTIVE' && model.isValidate  && !model.taskState && model.hypervisor != 'PowerVM' -->
      <!-- ngIf: model.state == 'SUSPENDED' && model.isValidate  && !model.taskState && model.hypervisor != 'PowerVM' -->
      <!-- ngIf: ipPermissionsValidate && model.state && !isNormalUser --><button class="btn btn-default ng-scope ng-isolate-scope" ng-click="vmsInfoAdjust()" has-permission="0f3f1091b33845fb8a6670e8683d2e2b" ng-if="ipPermissionsValidate &amp;&amp; model.state &amp;&amp; !isNormalUser">信息调整</button><!-- end ngIf: ipPermissionsValidate && model.state && !isNormalUser -->
      <!-- ngIf: ipPermissionsValidate && model.state == 'SHUTOFF' && !model.taskState && !isNormalUser -->
      <!-- ngIf: ipPermissionsValidate && userAccount == 'admin' --><button class="btn btn-default ng-scope" ng-click="goCloneVm(vmUuid,res.busSysName)" ng-if="ipPermissionsValidate &amp;&amp; userAccount == &#39;admin&#39;">云主机克隆</button><!-- end ngIf: ipPermissionsValidate && userAccount == 'admin' -->
      <!-- ngIf: model.state && (model.cloudPlatform == 'CNware' || model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'VCenter') --><button class="btn btn-default ng-scope ng-isolate-scope" ng-click="syncVm([vmUuid])" has-permission="0f3f1091b33845fb8a6670e8683d2e2b" ng-if="model.state &amp;&amp; (model.cloudPlatform == &#39;CNware&#39; || model.cloudPlatform == &#39;CNwareKV&#39; || model.cloudPlatform == &#39;VCenter&#39;)">同步</button><!-- end ngIf: model.state && (model.cloudPlatform == 'CNware' || model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'VCenter') -->
      <!--   <button class="btn btn-default" ng-click="" ng-if="model.state && model.isValidate  && !model.taskState">信息收集</button> 
      <div class="input-group-btn " style="display: inline-block;">
        <button class="btn btn-default" class="btn btn-default dropdown-toggle" data-toggle="dropdown">更多操作<span class="caret" style="margin-left: 5px;"></span></button>
        <ul class="dropdown-menu">
         <!- -  <li><a href="javascript:void(0)">克隆虚拟机</a></li> - - >
          
          <li ng-click="vmsInfoAdjust()" has-permission="0f3f1091b33845fb8a6670e8683d2e2b" ng-if="model.state"><a href="javascript:void(0)">信息调整</a></li>
          <li ng-click="del([vmUuid])" ng-if="model.state == 'SHUTOFF' && !model.taskState"><a href="javascript:void(0)">删除云主机</a></li>
        </ul>
      </div>-->

    </div>
    <div>
      <div style="padding: 20px 20px 10px 0px">
        <i class="icon-title"></i>
        <span style="font-size: 18px">基本信息</span>
      </div>
      <div class="row">
        <div class="col-md-3"><img style="margin: 10px 0 0 30px;" src="./WinCloud 8.0_files/instance-vm.png" alt=""></div>
        <div class="col-md-9">
          <h4 class="ng-binding">kyinv10 <!-- ngIf: !isNormalUser --><span ng-if="!isNormalUser" class="font_family icon-Edict text-muted ng-scope" ng-click="modifyName()"></span><!-- end ngIf: !isNormalUser --></h4>
          <div class="row">
            <div class="col-md-4 text-ellipsis ng-binding" title="11333a5d27f6c39e98bafa00b65cc2ab"><span style="color: #999">实例ID：</span>
              11333a5d27f6c39e98bafa00b65cc2ab</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="leiyy-vdc"><span style="color: #999">归属VDC：</span>
              leiyy-vdc</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="192.168.209.71"><span style="color: #999">宿主机：</span>
              192.168.209.71</div>
          </div>
          <div class="row" style="margin-top:10px">
            <div class="col-md-4 text-ellipsis ng-binding" title="kyinv10"><span style="color: #999">VM Name：</span>
              kyinv10</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="金融操作系统(FinOS)API安全系统"><span style="color: #999">应用系统：</span> 金融操作系统(FinOS)API安全系统</div>
            <div class="col-md-4 text-ellipsis ng-binding" title=""><span style="color: #999">镜像名称：</span>
              </div>
          </div>
          <div class="row" style="margin-top:10px">
            <div class="col-md-4 text-ellipsis ng-binding" title=""><span style="color: #999">Hostname：</span>
              </div>
            <!-- <div class="col-md-4 text-ellipsis"><span style="color: #999">子业务系统：</span> {{model.secondBusSysName | nullValueTransform:'-'}}</div> -->
            <div class="col-md-4 text-ellipsis ng-binding" title=""><span style="color: #999">操作系统名称：</span>
              </div>
            <div class="col-md-4 text-ellipsis ng-binding" title="false"><span style="color: #999">是否信创：</span>
              否</div>
          </div>
          <div class="row" style="margin-top:10px">
            <div class="col-md-4 text-ellipsis ng-binding" title="VMware"><span style="color: #999">虚拟化类型：</span>
              VMware</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="197-vc"><span style="color: #999">可用分区：</span>
              197-vc</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="kylin"><span style="color: #999">操作系统版本：</span>
              kylin</div>
          </div>
          <div class="row" style="margin-top:10px">
            <div class="col-md-4 text-ellipsis">
              <span style="color: #999">云主机状态：</span>
              <span ng-bind-html="model.state | VMStatus:true" class="ng-binding"><span><img src="./WinCloud 8.0_files/Success.svg" style="width:16px"><span>运行中</span></span></span>
            </div>
            <div class="col-md-4 text-ellipsis ng-binding" title="VCenter"><span style="color: #999">数据中心：</span>
              VCenter</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="192.168.209.197"><span style="color: #999">云平台：</span>
              192.168.209.197</div>
          </div>
          <div class="row" style="margin-top:10px">
            <div class="col-md-4 text-ellipsis"></div>
            <div class="col-md-4 text-ellipsis"></div>
            <div class="col-md-4 text-ellipsis">
              <span style="color: #999">标签：</span>
              <span id="vm-tags" class="ng-binding"></span>
              <button id="add-tag-btn" type="button" class="btn btn-default btn-sm" style="margin-left:6px">+ 标签</button>
            </div>
          </div>
          <div class="row" style="margin-top:10px">
            <div class="col-md-4 text-ellipsis ng-binding" title="-"><span style="color: #999">备注：</span> -</div>
            <div class="col-md-4 text-ellipsis ng-binding" title="-"><span style="color: #999">AB角色管理员：</span> -</div>



          </div>
        </div>
      </div>
    </div>
  </div>
  <div style="margin-top: 20px;">
    <div class="nav-line-top ng-isolate-scope">
  <ul class="nav nav-tabs" ng-class="{&#39;nav-stacked&#39;: vertical, &#39;nav-justified&#39;: justified}" ng-transclude="">
      <li ng-class="{active: active, disabled: disabled}" heading="基本信息" class="ng-scope ng-isolate-scope active">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">基本信息</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="存储" select="reloadData(&quot;insVmDetailStorageReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">存储</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="NAS存储" select="reloadData(&quot;insVmDetaiNasReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">NAS存储</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="负载均衡" select="reloadData(&quot;insVmDetaiLoadbalancerReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">负载均衡</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="网卡" select="reloadData(&quot;insVmDetailNetworkReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">网卡</a>
</li>
      <!-- <tab heading="快照">
        
        <div ng-include="'html/instance/ins/vmDetail/_snatshoot.html'"></div>
      </tab> -->
      <li ng-class="{active: active, disabled: disabled}" heading="性能监控" select="reloadData(&quot;insPerformanceMonitorReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">性能监控</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="备份管理" select="reloadData(&quot;insVmDetailBackupReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">备份管理</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="快照管理" select="reloadData(&quot;insVmDetailSnapshotReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">快照管理</a>
</li>
      <li ng-class="{active: active, disabled: disabled}" heading="调度任务" select="reloadData(&quot;insVmDetailTaskReload&quot;)" class="ng-scope ng-isolate-scope">
  <a href="https://cloud.192.168.209.220.nip.io/index.html" ng-click="select()" tab-heading-transclude="" class="ng-binding">调度任务</a>
</li>
    </ul>
  <div class="tab-content">
    <!-- ngRepeat: tab in tabs --><div class="tab-pane ng-scope active" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_baseInfo.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_baseInfo.html&#39;"><div ng-controller="insVmDetailBaseInfoCtrl" class="bg-white-container ng-scope">
  <div class="row">
    <div class="col-md-6" style="border-right:1px #eee solid">
      <div style="    margin-bottom: 20px;">
        <i class="icon-title"></i>
        <span style="font-size: 18px">配置信息</span>
        <!-- ngIf: !isNormalUser --><span ng-if="!isNormalUser" class="ng-scope">
          <!-- ngIf: ipPermissionsValidate && (model.state == 'ACTIVE' || model.state == 'SHUTOFF') && model.isValidate  && !model.taskState --><a href="https://cloud.192.168.209.220.nip.io/index.html" ng-if="ipPermissionsValidate &amp;&amp; (model.state == &#39;ACTIVE&#39; || model.state == &#39;SHUTOFF&#39;) &amp;&amp; model.isValidate  &amp;&amp; !model.taskState" class="pull-right ng-scope" ng-click="resourceResize()">资源调整 <img src="./WinCloud 8.0_files/more-1.svg" style="width:18px;height:18px"></a><!-- end ngIf: ipPermissionsValidate && (model.state == 'ACTIVE' || model.state == 'SHUTOFF') && model.isValidate  && !model.taskState -->
        </span><!-- end ngIf: !isNormalUser -->
      </div>
      <div class="col-md-4">
        <!-- <chart-circle icon-class='icon-cpu-rate' name="{{'resource.cpuUtiRate' | translate}}" rate='50%' chart-data='{{testData}}' ></chart-circle> -->
        <div class="chart-deatil">
          <div style="color: #3F3F4A;font-size: 18px;" class="font-arial ng-binding">
            2 核
          </div>
          <div style="color: #999;font-size: 12px;padding-bottom: 10px" class="ng-binding">
            总核数
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <!-- <chart-circle icon-class='icon-ram-rate' name="{{'resource.memoryUtiRate' | translate}}" rate='50%' chart-data='{{testData}}' ></chart-circle> -->
        <div class="chart-deatil">
          <div style="color: #3F3F4A;font-size: 18px;" class="font-arial ng-binding">
            2 GB
          </div>
          <div style="color: #999;font-size: 12px;padding-bottom: 10px" class="ng-binding">
            总内存
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <!-- <chart-circle icon-class='icon-storage-rate' name="{{'resource.storageUtiRate' | translate}}" rate='50%' chart-data='{{testData}}' ></chart-circle> -->
        <div class="chart-deatil">
          <div style="color: #3F3F4A;font-size: 18px;" class="font-arial ng-binding">
            80 GB
          </div>
          <div style="color: #999;font-size: 12px;padding-bottom: 10px" class="ng-binding">
            总存储
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="col-md-6">
        <div style="padding:10px;background-color: #5C6BE5;height: 88px;color: #fff;position: relative;overflow:hidden;">
          <span class="font18px">服务信息</span>
          <!-- ngIf: !isNormalUser --><span ng-if="!isNormalUser" class="ng-scope">
            <a href="https://cloud.192.168.209.220.nip.io/index.html" class="pull-right" style="color: #fff;" ng-click="delayTime()">资源延期 <span class="font_family icon-more-1"></span></a>
          </span><!-- end ngIf: !isNormalUser -->
          <span class="font_family icon-YunZhuJi" style="font-size: 70px;position: absolute;right: -10px;bottom: -33px;opacity: .2;"></span>
        </div>
        <div style="background-color: #F3F3F3;padding:10px; margin-top:10px">
          <span style="color: #999">归属服务：</span><span class="ng-binding">云主机服务</span>
        </div>
        <div style="background-color: #F3F3F3;padding:10px; margin-top:10px" title="李某人;zhaohl">
          <span style="color: #999">归属用户：</span><span class="ng-binding">李某人;zhaohl</span>
        </div>
        <div style="background-color: #F3F3F3;padding:10px; margin-top:10px">
          <span style="color: #999">创建时间：</span><span class="ng-binding">2025-07-14 18:16:43</span>
        </div>
        <div style="background-color: #F3F3F3;padding:10px; margin-top:10px">
          <span style="color: #999">到期时间：</span><span class="ng-binding">永久</span>
        </div>
      </div>
      <div class="col-md-6">
        <div style="padding:10px;background-color: #535663;height: 88px;color: #fff;position: relative;overflow:hidden;">
          <span class="font18px">网络信息</span>
          <!-- ngIf: model.cloudPlatform == 'OpenStack' && model.networkType == 'inner' && !model.floatingIp -->
          <!-- ngIf: model.cloudPlatform == 'OpenStack' && model.networkType == 'inner' && !!model.floatingIp -->
          <span class="font_family icon-WaiWangDaiKuan" style="font-size: 70px;position: absolute;right: -10px;bottom: -33px;opacity: .2;"></span>
        </div>
        <div style="background-color: #F3F3F3;padding:10px; margin-top:10px">
          <span style="color: #999">网络类型：</span><span class="ng-binding">经典网络</span>
        </div>
        <!-- ngIf: model.cloudPlatform == 'OpenStack' -->
        <!-- ngIf: model.cloudPlatform == 'OpenStack' -->
        <!-- ngIf: model.cloudPlatform != 'OpenStack' --><div ng-if="model.cloudPlatform != &#39;OpenStack&#39;" class="text-ellipsis ng-scope" style="width:100%;background-color: #F3F3F3;padding:10px; margin-top:10px; height: 140px;word-break: break-all;" title="">
          <span style="color: #999">IP地址：</span><span class="ng-binding"></span>
        </div><!-- end ngIf: model.cloudPlatform != 'OpenStack' -->
        <!-- ngIf: model.cloudPlatform == 'OpenStack' -->
      </div>
    </div>
  </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_storage.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_storage.html&#39;"><div ng-controller="insVmDetailStorageCtrl" class="bg-white-container ng-scope" style="padding: 15px 5px">
  <div style="margin-bottom: 10px;" has-permission="b61bd3d54afe4bd1bddda0a3000cf3c5" class="ng-isolate-scope">
    <!-- ngIf: !isSemiAutoVm --><button ng-if="!isSemiAutoVm" class="btn btn-black ng-scope" ng-click="addVolume()">+ 添加云硬盘</button><!-- end ngIf: !isSemiAutoVm -->
  </div>
  <div>
    <table ng-table="tableParams" class="table table-striped ng-scope ng-table">
      <thead>
        <tr>
          <th>云硬盘名称</th>
          <th>类型</th>
          <th>存储大小(GB)</th>
          <th>归属服务</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-table-tips="" data="$data" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
        <!-- ngRepeat: volume in $data track by $index --><tr ng-repeat="volume in $data track by $index" class="ng-scope">
          <td class="ng-binding">硬盘 1</td>
          <td class="ng-binding">系统盘</td>
          <td class="ng-binding">80</td>
          <td class="ng-binding">云硬盘服务</td>
          <td style="overflow: visible;">
            <div class="btn-group" ng-class="{&#39;dropup&#39;:$index &gt; 2}" dropdown="" is-open="isopen" style="position: relative;top:-2px">
              <!-- ngIf: !isNormalUser --><span ng-if="!isNormalUser" class="ng-scope">
                <a class="dropdown-toggle ng-binding" data-toggle="dropdown" aria-expanded="false" ng-click="moreOperate(volume)">更多<i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu">
                  <!-- ngRepeat: operate in volume.moreOperate -->
                </ul>
              </span><!-- end ngIf: !isNormalUser -->
            </div>
          </td>
        </tr><!-- end ngRepeat: volume in $data track by $index -->
      </tbody>
    </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --><div class="ng-table-pager ng-scope" ng-if="params.data.length"> <!-- ngIf: params.settings().counts.length && false --> <!-- ngIf: pages.length --> <!-- ngIf: !params._settings.hideJumpPage --><span ng-if="!params._settings.hideJumpPage" class="ng-scope"><!-- ngIf: pages.length --><!-- ngIf: pages.length --><!-- ngIf: pages.length --><!-- ngIf: pages.length --></span><!-- end ngIf: !params._settings.hideJumpPage --><!-- ngIf: params._settings.hideJumpPage --></div><!-- end ngIf: params.data.length --> </div></div>
  </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_nas.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_nas.html&#39;"><div ng-controller="insVmDetailNasCtrl" class="bg-white-container ng-scope" style="padding: 15px 5px">
    <div style="margin-bottom: 10px;" has-permission="b61bd3d54afe4bd1bddda0a3000cf3c5" class="ng-isolate-scope">

    </div>
    <div>
        <table ng-table="tableParams" class="table table-striped ng-scope ng-table">
            <thead>
                <tr>
                    <th>NAS存储名称</th>
                    <th>共享存储类型</th>
                    <th>存储设备位置</th>
                    <th>存储设备地址</th>
                    <th>存储大小</th>
                    <th>操作系统</th>
                    <th>申请用途</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-table-tips="" data="$data" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 --><td class="text-center ng-scope" ng-if="!loading &amp;&amp; data.length == 0" colspan="8">暂无数据</td><!-- end ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
                <!-- ngRepeat: nas in $data track by $index -->
            </tbody>
        </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
    </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_loadbalancer.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_loadbalancer.html&#39;"><div ng-controller="insVmDetailLoadbalancerCtrl" class="bg-white-container ng-scope" style="padding: 15px 5px">
    <div style="margin-bottom: 10px;" has-permission="b61bd3d54afe4bd1bddda0a3000cf3c5" class="ng-isolate-scope">

    </div>
    <div>
        <table ng-table="tableParams" class="table table-striped ng-scope ng-table">
            <thead>
                <tr>
                    <th>负载均衡名称</th>
                    <th>负载均衡场景</th>
                    <!-- <th>数据中心</th> -->
                    <th>网络分区</th>
                    <th>IP类型</th>
                    <th>是否信创</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-table-tips="" data="$data" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 --><td class="text-center ng-scope" ng-if="!loading &amp;&amp; data.length == 0" colspan="6">暂无数据</td><!-- end ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
                <!-- ngRepeat: lb in $data track by $index -->
            </tbody>
        </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
    </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_network.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_network.html&#39;"><div ng-controller="insVmDetailNetworkCtrl" class="bg-white-container ng-scope" style="padding: 15px 5px">
  <div style="margin-bottom: 10px;">
    <!--<button class="btn btn-black" ng-if="model.cloudPlatform == 'OpenStack' && !isNormalUser" ng-click="addOpenStackNics()">+ 添加虚拟网卡</button>
    <button class="btn btn-black" ng-if="model.cloudPlatform != 'OpenStack' && !isNormalUser" ng-click="addCNwareNics()">+ 添加虚拟网卡</button>-->
    <button class="btn btn-default" ng-click="reload()">刷新</button>
    <button class="btn btn-default" ng-click="synchronization()">同步</button>
  </div>
  <!--<div>
    <table ng-table="tableParams" class="table table-striped">
      <thead>
        <tr>
          <th>网络名称</th>
          <th>VLAN</th>
          <th>MAC</th>
          <th>IP地址</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-table-tips data="$data" loading="tableParams._settings.$loading"></tr>
        <tr ng-repeat="network in $data">
          <td>{{network.name}}</td>
          <td>{{network.vlanId}}</td>
          <td>{{network.mac}}</td>
          <td>{{network.ip}}</td>
          <td>
            <a href=""  ng-click="delNics(network.uuid,$data.length)" ng-class="{disabled:!isDel}">删除</a>
          
          </td>
        </tr>
      </tbody>
    </table>
  </div>-->

  <!-- ngIf: !isRecycleView --><div ng-if="!isRecycleView" style="margin-bottom: 16px;" class="clearOverflow ng-scope">
    <i class="icon-title"></i>
    <span style="font-size: 18px;margin-left: 8px;font-weight: bold;">经典网络</span>
    <!-- <button class="btn btn-default floatL" style="margin-right:8px;" ng-click="synchronization()">同步</button>  -->
    <button class="btn btn-default floatR" ng-click="reload()" title="刷新"><span class="font_family icon-shuaxin"></span></button>
  </div><!-- end ngIf: !isRecycleView -->
  <div>
    <table ng-table="tableParams" class="table table-striped fixed ng-scope ng-table table-resize" border="1" bordercolor="#ebeef5" style="margin-bottom: -24px;z-index: 1;position: relative;">
      <thead table-cell-resize="" class="ng-isolate-scope">
        <tr>
          <!-- ngIf: model.cloudPlatform != 'AliYun' --><th ng-if="model.cloudPlatform != &#39;AliYun&#39;" class="ng-scope" style="cursor: default;">网络名称</th><!-- end ngIf: model.cloudPlatform != 'AliYun' -->
          <!-- ngIf: model.cloudPlatform != 'AliYun' --><th ng-if="model.cloudPlatform != &#39;AliYun&#39;" class="ng-scope" style="cursor: default;">VLAN/VXLAN</th><!-- end ngIf: model.cloudPlatform != 'AliYun' -->
          <th style="cursor: default;">MAC</th>
          <th class="ng-binding" style="cursor: default;">IPv4地址</th>
          <th class="ng-binding" style="cursor: default;">IPv6地址</th>
          <!-- ngIf: !isRecycleView --><th ng-if="!isRecycleView" class="ng-binding ng-scope" style="cursor: default;">操作</th><!-- end ngIf: !isRecycleView -->
        </tr>
      </thead>
      <tbody>
        <tr ng-table-tips="" data="classicData" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
        <!-- ngRepeat: network in classicData -->
      </tbody>
    </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
    <!-- ngIf: !(isNormalUser && model.networkTypeName == '经典网络') && (model.cloudPlatform == 'OpenStack' || model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'PowerVC' || model.cloudPlatform == 'FusionCompute') -->
    <!-- ngIf: !(isNormalUser && model.networkTypeName == '经典网络') && model.cloudPlatform != 'OpenStack' && model.cloudPlatform != 'CNwareKV' && model.cloudPlatform != 'PowerVC' && model.cloudPlatform != 'FusionCompute' && model.cloudPlatform != 'AliYun' --><div class="text-center vmDetailAddNics ng-scope" ng-if="!(isNormalUser &amp;&amp; model.networkTypeName == &#39;经典网络&#39;) &amp;&amp; model.cloudPlatform != &#39;OpenStack&#39; &amp;&amp; model.cloudPlatform != &#39;CNwareKV&#39; &amp;&amp; model.cloudPlatform != &#39;PowerVC&#39; &amp;&amp; model.cloudPlatform != &#39;FusionCompute&#39; &amp;&amp; model.cloudPlatform != &#39;AliYun&#39;" ng-click="addCNwareNics()">添加虚拟网卡</div><!-- end ngIf: !(isNormalUser && model.networkTypeName == '经典网络') && model.cloudPlatform != 'OpenStack' && model.cloudPlatform != 'CNwareKV' && model.cloudPlatform != 'PowerVC' && model.cloudPlatform != 'FusionCompute' && model.cloudPlatform != 'AliYun' -->
    <!--<div class="text-center vmDetailAddNics" ng-if="isNormalUser && (model.networkTypeName == '经典网络' || model.networkTypeName == '经典网络，私有网络')" ng-click="addExternalNics()">添加虚拟网卡</div>
 -->
  </div>

  <!-- ngIf: model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'VCenter' || model.cloudPlatform == 'NSX' --><div ng-if="model.cloudPlatform == &#39;CNwareKV&#39; || model.cloudPlatform == &#39;VCenter&#39; || model.cloudPlatform == &#39;NSX&#39;" style="margin: 16px 0;" class="clearOverflow ng-scope">
    <i class="icon-title"></i>
    <span style="font-size: 18px;margin-left: 8px;font-weight: bold;">私有网络</span>
  </div><!-- end ngIf: model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'VCenter' || model.cloudPlatform == 'NSX' -->
  <!-- ngIf: model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'VCenter' || model.cloudPlatform == 'NSX' --><div ng-if="model.cloudPlatform == &#39;CNwareKV&#39; || model.cloudPlatform == &#39;VCenter&#39; || model.cloudPlatform == &#39;NSX&#39;" class="ng-scope">
    <select class="form-control input-group input-group-sm ng-pristine ng-untouched ng-valid ng-empty" ng-model="vpc.vpcUuid" ng-disabled="getModel.vpcUuid || innerData.length" ng-options="a.uuid as a.name for a in vpc.vpcList" style="width: 200px;margin-bottom: 16px;"><option value="?" selected="selected"></option></select>
    <span class="insVmDetailTip">已选定VPC，如需更改，请将已添加的私有网络类型的网卡全部删除</span>
    <table ng-table="tableParams" class="table table-striped fixed ng-scope ng-table table-resize" border="1" bordercolor="#ebeef5" style="margin-bottom: -24px;z-index: 1;position: relative;">
      <thead table-cell-resize="" class="ng-isolate-scope">
        <tr>
          <th style="cursor: default;">网络名称</th>
          <th style="cursor: default;">VLAN/VXLAN</th>
          <th style="cursor: default;">MAC</th>
          <th class="ng-binding" style="cursor: default;">IP地址</th>
          <th class="ng-binding" style="cursor: default;">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-table-tips="" data="innerData" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
        <!-- ngRepeat: network in innerData -->
      </tbody>
    </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
    <!-- ngIf: !(isNormalUser) --><div class="text-center vmDetailAddNics ng-scope" ng-if="!(isNormalUser)" ng-click="addOpenStackNics(&#39;inner&#39;)">添加虚拟网卡</div><!-- end ngIf: !(isNormalUser) -->
    <!--<div class="text-center vmDetailAddNics" ng-if="isNormalUser" ng-click="addExternalNics()">添加虚拟网卡</div>-->
  </div><!-- end ngIf: model.cloudPlatform == 'CNwareKV' || model.cloudPlatform == 'VCenter' || model.cloudPlatform == 'NSX' -->
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_performanceMonitor.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_performanceMonitor.html&#39;"><div ng-controller="insVmDetailPerformanceMonitorCtrl" class="bg-white-container ng-scope">
	<div style="padding: 20px 15px 10px 0px; margin-left:20px" class="row">
		<div class="form-inline no-padding">
			<div class="form-group no-padding">
				<!-- <div class="input-group input-group-sm">
					<span class="input-group-addon ng-binding">自定义</span>
					<input date-range-picker=""
					class="input-sm form-control date-picker ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty"
					style="width: 270px;" type="text" placeholder="开始时间 至 结束时间" onfocus="this.blur()"
					ng-model="resourceChart.datePicker.date" options="resourceChart.datePicker.options">
					<span class="input-group-del" style="right: 5px;" ng-click="deleteInputValue('creatTime')">x</span>
				</div>
			</div>
			<div class="form-group no-margin-right inline-form-btn-margin">
				<button class="btn btn-sm btn-default" ng-class="{'btn-red': resourceChart.searchType=='7'}"
				ng-click="getResourceSearchTime(7)">近7天
			    </button>
		    </div>
		    <div class="form-group no-margin-right inline-form-btn-margin">
			    <button class="btn btn-sm btn-default" ng-class="{'btn-red': resourceChart.searchType=='30'}"
			    ng-click="getResourceSearchTime(30)">近30天
		        </button>
		    </div> -->
		    <!-- <div class="form-group"> -->
		    	<label class="control-label pull-left" style="padding-top:5px">时间范围：</label>
		    	<div class="col-sm-4 form-inline" style="width:200px">                                 
		    		<select class="input-group input-group-sm ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="timeRange" ng-click="changeTime(timeRange)" style="width:100px">
		    			<!-- ngRepeat: item in timeRangeList --><option ng-repeat="item in timeRangeList" value="1" class="ng-binding ng-scope">近1小时</option><!-- end ngRepeat: item in timeRangeList --><option ng-repeat="item in timeRangeList" value="6" class="ng-binding ng-scope">6小时</option><!-- end ngRepeat: item in timeRangeList --><option ng-repeat="item in timeRangeList" value="12" class="ng-binding ng-scope">12小时</option><!-- end ngRepeat: item in timeRangeList --><option ng-repeat="item in timeRangeList" value="24" class="ng-binding ng-scope">24小时</option><!-- end ngRepeat: item in timeRangeList -->
		    		</select> 
		    		<div class="valid-area"></div> 
		    	</div>
		    <!-- </div>  -->
		</div>
    </div>
    <div>
    	<div class="row">
    	    <!-- ngRepeat: item in collectItems -->
    		<!-- <div class="col-md-4">
    			<div style="border:1px #eee solid;padding:10px;">
    				<div style="padding:5px 10px 5px 10px">
    					<span>{{'resource.cpuUtiRate'|translate}}</span>
    				</div>
    				<chart-line disable-legend="true" style="height: 200px;" name="'测试数据'" options='{{chartOps}}'
    				hc-data='{{cpuChartData}}' chart-unit=""></chart-line>
    			</div>
    		</div>
    		<div class="col-md-4">
    			<div style="border:1px #eee solid;padding:10px;">
    				<div style="padding:5px 10px 5px 10px">
    					<span>{{'modules.instance.ins.CPUUseState'|translate}}</span>
    				</div>
    				<chart-line disable-legend="true" style="height: 200px;" name="'测试数据'" options='{{chartOps}}'
    				hc-data='{{memoryChartData}}' chart-unit=""></chart-line>
    			</div>
    		</div>
    		<div class="col-md-4">
    			<div style="border:1px #eee solid;padding:10px;">
    				<div style="padding:5px 10px 5px 10px">
    					<span>{{'resource.memoryUtiRate'|translate}}</span>
    				</div>
    				<chart-line disable-legend="true" style="height: 200px;" name="'测试数据'" options='{{chartOps}}'
    				hc-data='{{storageChartData}}' chart-unit=""></chart-line>
    			</div>
    		</div> -->
    	</div>

    <!--	<div class="row">
    		<div class="col-md-4">
    			<div style="border:1px #eee solid;padding:10px;">
    				<div style="padding:5px 10px 5px 10px">
    					<span>{{'modules.instance.ins.diskUseRate'|translate}}</span>
    				</div>
    				<chart-line disable-legend="true" style="height: 200px;" name="'测试数据'" options='{{chartOps}}'
    				hc-data='{{cpuChartData}}' chart-unit=""></chart-line>
    			</div>
    		</div>
    		<div class="col-md-4">
    			<div style="border:1px #eee solid;padding:10px;">
    				<div style="padding:5px 10px 5px 10px">
    					<span>{{'modules.instance.ins.diskRequest'|translate}}</span>
    				</div>
    				<chart-line disable-legend="true" style="height: 200px;" name="'测试数据'" options='{{chartOps}}'
    				hc-data='{{memoryChartData}}' chart-unit=""></chart-line>
    			</div>
    		</div>
    		<div class="col-md-4">
    			<div style="border:1px #eee solid;padding:10px;">
    				<div style="padding:5px 10px 5px 10px">
    					<span>{{'modules.instance.ins.diskI/ODelay'|translate}}</span>
    				</div>
    				<chart-line disable-legend="true" style="height: 200px;" name="'测试数据'" options='{{chartOps}}'
    				hc-data='{{storageChartData}}' chart-unit=""></chart-line>
    			</div>
    		</div>
    	</div>   -->

    </div>

</div></div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_backup.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_backup.html&#39;"><div ng-controller="insVmDetailBackupCtrl" class="bg-white-container ng-scope" style="padding: 15px 5px">
  <div style="margin-bottom: 10px;">
    <i class="icon-title"></i>
    <span style="font-size: 18px">备份列表</span>
  </div>
  <div>
    <table ng-table="tableParams" class="table table-striped ng-scope ng-table">
      <thead>
        <tr>
          <th>备份时间</th>
          <th>备份池</th>
          <th>归档</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-table-tips="" data="$data" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
        <!-- ngRepeat: backupImage in $data -->
      </tbody>
    </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
  </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_snapshot.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_snapshot.html&#39;"><div ng-controller="insVmDetailSnashotCtrl" class="bg-white-container ng-scope" style="padding: 15px 5px">
    <div>
        <div style="margin-bottom: 10px;">
            <i class="icon-title"></i>
            <span style="font-size: 18px">快照列表</span>
        </div>
        <button class="btn btn-default pull-right" style="margin-left: 10px;" ng-click="reload()">刷新</button>
        <button class="btn btn-default pull-right" style="margin-bottom: 10px;" ng-click="sync()">同步</button>
        <!-- ngIf: !isNormalUser --><button class="btn btn-default pull-left ng-scope" style="margin-bottom: 10px;" ng-if="!isNormalUser" ng-click="add()">创建</button><!-- end ngIf: !isNormalUser -->
    </div>
    <div>
        <table ng-table="tableParams" class="table table-striped ng-scope ng-table">
            <thead>
                <tr>
                    <th>快照名称</th>
                    <th>快照类型</th>
                    <th>快照方式</th>
                    <th>快照时间</th>
                    <th>到期时间</th>
                    <th>备注</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-table-tips="" data="$data" loading="tableParams._settings.$loading" class="ng-isolate-scope">
  <!-- ngIf: !loading && data.length == 0 -->
  <!-- ngIf: loading && loading != 'error' -->
  <!-- ngIf: loading && loading == 'error' -->
</tr>
                <!-- ngRepeat: snapshot in $data -->
            </tbody>
        </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
    </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabs" ng-class="{active: tab.active}" tab-content-transclude="tab">
    
        <!-- ngInclude: 'html/instance/ins/vmDetail/_task.html' --><div class="wrapper bg-white form-inline padding-top-0 ng-scope" ng-include="&#39;html/instance/ins/vmDetail/_task.html&#39;"><div ng-controller="insVmDetailTaskCtrl" class="ng-scope">
  <div class="tab-content" style="background-color: #fff;">
    <div class="tab-pane active">
      <div class="table-toolbar row">
        <div class="bg-white-container form-inline" style="margin-bottom: 0px;padding: 15px 20px">
            <!-- style="margin: 15px 0 15px 20px;" -->
            <div class="form-group">
              <button class="btn btn-sm btn-default pull-left ng-binding" ng-click="clearTableQuery()">
                刷新
              </button>
            </div>
            <div class="form-group pull-right">
              <div class="input-group input-group-sm">
                <div class="dropdown-input" style="display: flex;">
                  <div id="select-dialog">
                    <span class="default ng-pristine ng-untouched ng-valid ng-binding ng-not-empty" ng-click="dropdownValue(selectValue)" ng-model="selectValue">任务名称</span>
                    <ol class="ol ng-hide" ng-show="dropDownBool" style="z-index: 99;">
                      <!-- ngRepeat: item in searchListFilter --><li ng-repeat="item in searchListFilter" ng-click="dropdownItem(item)" class="ng-binding ng-scope">
                        资源名称
                      </li><!-- end ngRepeat: item in searchListFilter --><li ng-repeat="item in searchListFilter" ng-click="dropdownItem(item)" class="ng-binding ng-scope">
                        操作人
                      </li><!-- end ngRepeat: item in searchListFilter -->
                    </ol>
                  </div>
                  <input type="text" class="form-control input-group ng-pristine ng-untouched ng-valid ng-empty" ng-model="search[selectValue]" ng-keypress="onEnter($event)" aria-label="...">
                </div>
              </div>
              <div class="form-group inline-form-btn-margin">
                <button class="btn btn-sm btn-red ng-binding" ng-click="rpTableQuery()">搜索</button>
                <button class="btn btn-sm btn-default" ng-click="exportTask()" ng-disabled="!tableParams.data.length" disabled="disabled"><img style="width: 18px;" src="./WinCloud 8.0_files/DaoChu.svg" alt=""></button>

              </div>
            </div>
        </div>
      </div>
      <div style="margin-left: 5px;margin-right: 5px;padding-bottom: 5px;">
        <table ng-table="tableParams" ng-table-dynamic="tableParams with tableMenu" class="table table-striped fixed ng-scope ng-table">
          <thead>
            <tr>
              <th class="ng-binding">任务名称</th>
              <th class="ng-binding">
                任务状态
                <div class="btn-group ng-isolate-scope" dropdown="" style="position: relative;top:0px;margin-left: 5px;position: relative;top:0px;margin-left: 5px" menus="menuState" ok="FilterServiceState()">
  <a dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-triangle-bottom" style="color: #999;"></span></a>
  <ul class="dropdown-menu" style="min-width: 117px;margin-bottom: -5px;">
    <li>
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="isAll" ng-checked="allchecked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkAll()">全部</span>
          </label>
        </div>
      </a>
    </li>
    <!-- ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">进行中</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">完成</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">出错</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus -->
    <div style="display: inline-block;">
      <!-- <button class="btn btn-sm btn-default" style=" margin-left:5px" ng-click="cancel()">{{'dialog.cancel' | translate}}</button> -->
      <button class="btn btn-sm btn-red ng-binding" ng-click="sure()" style="margin-left: 55px;">确定</button>
    </div>
  </ul>

</div>
              </th>
              <th class="ng-binding">
                资源类型
                <div class="btn-group ng-isolate-scope" dropdown="" style="position: relative;top:0px;margin-left: 5px;position: relative;top:0px;margin-left: 5px" menus="menu" ok="FilterService()">
  <a dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-triangle-bottom" style="color: #999;"></span></a>
  <ul class="dropdown-menu" style="min-width: 117px;margin-bottom: -5px;">
    <li>
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="isAll" ng-checked="allchecked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkAll()">全部</span>
          </label>
        </div>
      </a>
    </li>
    <!-- ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">云主机</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">云硬盘</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">网卡</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus --><li ng-repeat="menu in menus" on-repeat-finished-render="" class="ng-scope"><!--  -->
      <a class="removefromcart" style="padding-left:10px">
        <div class="checkbox">
          <label>
             <input type="checkbox" ng-model="menu.value" ng-checked="menu.checked" class="ng-pristine ng-untouched ng-valid ng-empty" checked="checked">
             <span class="text ng-binding" ng-click="checkedBox(menu)">快照</span>
          </label>
        </div>        
      </a>
    </li><!-- end ngRepeat: menu in menus -->
    <div style="display: inline-block;">
      <!-- <button class="btn btn-sm btn-default" style=" margin-left:5px" ng-click="cancel()">{{'dialog.cancel' | translate}}</button> -->
      <button class="btn btn-sm btn-red ng-binding" ng-click="sure()" style="margin-left: 55px;">确定</button>
    </div>
  </ul>

</div>
              </th>
              <th class="ng-binding">资源名称</th>
              <th class="ng-binding">操作人</th>
              <th><span class="sort-indicator ng-binding" ng-click="sortService(&#39;createTime&#39;)" ng-class="createtimesort">开始时间</span></th>
              <th><span class="sort-indicator ng-binding" ng-click="sortService(&#39;endTime&#39;)" ng-class="endtimesort">结束时间</span></th>
            </tr>
          </thead>
          <tbody>
            <!-- ngIf: $data.length ==0 -->
            <!-- ngRepeat: res in $data track by $index -->
          </tbody>
        </table><div ng-table-pagination="params" class="pagination ng-scope ng-isolate-scope" template-url="templates.pagination"><!-- ngInclude: templateUrl --><div ng-include="templateUrl" class="ng-scope"><!-- ngIf: params.data.length --> </div></div>
      </div>
    </div>
  </div>
</div></div>
      </div><!-- end ngRepeat: tab in tabs -->
  </div>
</div>
  </div>
</div></div>
</div></div></div></div>
</div></div>
  <!-- ngIf: showLoading -->

  <!-- <div class="select-platform" ng-class="{'select-platform-sidebarhide':sideBarHide}" style="display: none;">
    <div class="select-platform-item">
      <img class="pull-left" src="images/svg/wizard/OpenStack.svg" width="20" />
      <span class="pull-left">OpenStack 1.0</span>
      <div class="clearfix"></div>
    </div>
    <div class="select-platform-item">
      <img class="pull-left" src="images/svg/wizard/PowerVM.svg" width="20" />
      <span class="pull-left">PowerVM 2.0</span>
      <div class="clearfix"></div>
    </div>
    <div class="text-center" style="padding:10px 20px">
      <a href="">返回平台页 》</a>
    </div>
  </div> -->
</div>

<!-- ngIf: realtimeNotify.show -->

<!-- ngIf: showTaskLogModal -->

<!-- ngIf: showNotifyModal --></div><!-- end ngIf: isLogin && gotPermission -->

<script src="./WinCloud 8.0_files/jquery-1.9.1.min.js.下载"></script>
<script src="./WinCloud 8.0_files/jquery-cookie.js.下载"></script>
<script src="./WinCloud 8.0_files/angular.min.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-ui-router.min.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-resource.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-translate.min.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-translate-loader-static-files.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-cookies.min.js.下载"></script>
<!--  <script src="lib/angularjs/angular-animate.min.js"></script> -->
<script src="./WinCloud 8.0_files/ui-bootstrap-tpls-fhq-0.12.0.js.下载"></script>
<script src="./WinCloud 8.0_files/bootstrap.min.js.下载"></script>
<script src="./WinCloud 8.0_files/carousel-form.js.下载"></script>
<script src="./WinCloud 8.0_files/moment.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-table.js.下载"></script>
<script src="./WinCloud 8.0_files/rzslider.js.下载"></script>

<script src="./WinCloud 8.0_files/highcharts.js.下载"></script>

<script src="./WinCloud 8.0_files/ocLazyLoad.js.下载"></script>

<script src="./WinCloud 8.0_files/js-yaml.js.下载"></script>
<script src="./WinCloud 8.0_files/main.js.下载"></script>





<script src="./WinCloud 8.0_files/app.js.下载"></script>
<script src="./WinCloud 8.0_files/app.router.js.下载"></script>
<script src="./WinCloud 8.0_files/config.js.下载"></script>
<script src="./WinCloud 8.0_files/app.constant.js.下载"></script>
<script src="./WinCloud 8.0_files/common.js.下载"></script>

<!-- 插件-->
<link href="./WinCloud 8.0_files/abn_tree.css" type="text/css" rel="stylesheet">
<script src="./WinCloud 8.0_files/abn_tree_directive.js.下载"></script>

<link href="./WinCloud 8.0_files/bootstrap-colorpicker.min.css" type="text/css" rel="stylesheet">
<script src="./WinCloud 8.0_files/bootstrap-colorpicker.min.js.下载"></script>

<script src="./WinCloud 8.0_files/bootstrap-datetimepicker.js.下载"></script>
<script src="./WinCloud 8.0_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
<script src="./WinCloud 8.0_files/daterangepicker.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-daterangepicker.min.js.下载"></script>
<script src="./WinCloud 8.0_files/bootstrap-table.js.下载"></script>
<script src="./WinCloud 8.0_files/base64.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-file-upload.js.下载"></script>
<!--<script src="lib/webuploader/webuploader.js"></script>-->
<script src="./WinCloud 8.0_files/webuploader.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-bootstrap-table.js.下载"></script>
<script src="./WinCloud 8.0_files/sanitize.js.下载"></script>
<script src="./WinCloud 8.0_files/angular-toggle-switch.min.js.下载"></script>

<script src="./WinCloud 8.0_files/sockjs.min.js.下载"></script>
<script src="./WinCloud 8.0_files/stomp.min.js.下载"></script>

<script src="./WinCloud 8.0_files/xlsx.full.min.js.下载"></script>

<script src="./WinCloud 8.0_files/underscore.js.下载"></script>

<script src="./WinCloud 8.0_files/utilService.js.下载"></script>


<script src="./WinCloud 8.0_files/loginService.js.下载"></script>
<script src="./WinCloud 8.0_files/dialogService.js.下载"></script>
<script src="./WinCloud 8.0_files/datacenterService.js.下载"></script>
<script src="./WinCloud 8.0_files/azService.js.下载"></script>
<script src="./WinCloud 8.0_files/imageService.js.下载"></script>
<script src="./WinCloud 8.0_files/vmService.js.下载"></script>
<script src="./WinCloud 8.0_files/resourceService.js.下载"></script>
<script src="./WinCloud 8.0_files/gridService.js.下载"></script>
<script src="./WinCloud 8.0_files/regionService.js.下载"></script>
<script src="./WinCloud 8.0_files/workflowService.js.下载"></script>
<script src="./WinCloud 8.0_files/platformService.js.下载"></script>
<script src="./WinCloud 8.0_files/bareHostService.js.下载"></script>
<script src="./WinCloud 8.0_files/monitorService.js.下载"></script>
<script src="./WinCloud 8.0_files/vmwareService.js.下载"></script>
<script src="./WinCloud 8.0_files/wincenterService.js.下载"></script>
<script src="./WinCloud 8.0_files/monitorTendencieService.js.下载"></script>
<script src="./WinCloud 8.0_files/vdcService.js.下载"></script>
<script src="./WinCloud 8.0_files/dictionaryService.js.下载"></script>
<script src="./WinCloud 8.0_files/organizationService.js.下载"></script>
<script src="./WinCloud 8.0_files/userService.js.下载"></script>
<script src="./WinCloud 8.0_files/processSwitchSettingsService.js.下载"></script>
<script src="./WinCloud 8.0_files/alarmResourceTypeSettingsService.js.下载"></script>
<script src="./WinCloud 8.0_files/commonService.js.下载"></script>
<script src="./WinCloud 8.0_files/resourcePoolServices.js.下载"></script>
<script src="./WinCloud 8.0_files/hostService.js.下载"></script>
<script src="./WinCloud 8.0_files/serviceService.js.下载"></script>
<script src="./WinCloud 8.0_files/resourceDesignService.js.下载"></script>
<script src="./WinCloud 8.0_files/ipService.js.下载"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/authenticationService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/systemService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/vpcCutoverService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/roleService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/serviceResourceService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/vpcService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/publicIPService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/sshService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/objectStorageService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/tasklogService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/bussinessService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/volumesService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/softwareService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/scriptService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/softWareScriptService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/fileMangerService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/orderService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/loadBalancerService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/syslogService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/notifyService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/websiteService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/scriptServersservice.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/ipPoolService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/licenseService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/netPartitionService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/reportService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/customCapacityReportService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/equipmentService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/busSysResourceUseReportService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/busSysResourceCalculateBillingService.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/service/capabilityManagerService.js"></script>



<script src="https://cloud.192.168.209.220.nip.io/js/service/cutoverService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/thirdPartyService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/budgetCenterService.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/service/websocket.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/service/thirdPartySoftwareService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/thirdpartyCdmService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/thirdPartyWorkflowService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/vmSpecificationService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/hostSpecificationService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/billingService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/userGroupService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/resourceIntegrateService.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/directive/homeDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/validateDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/commonDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/workflowDesignDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/uniqueCheckDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/businessCheckDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/topoDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/configTimesDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/componentDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/chartDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/directive/customFormDirective.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/html/report/init/js/initReportController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/html/report/init/js/initReportService.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/filter/customFilter.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/filter/filter.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/homePageService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/alarmService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/winstackAlarmService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/service/resourcePoolClusterService.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/controller/customComponentController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/testController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/loginController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/dashboardController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/indexController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/headController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/frameController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/resourceaccessController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/datacenterController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/ctrlController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/azController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/platformController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/bareHostController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/cutoverController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/serviceController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/vdcController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/workflowController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/monitorController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/resdesignController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/userController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/authenticationController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/systemController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/roleController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/instanceController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/bussystemController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/softwareController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/scriptController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/fileManageController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/syslogController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/notifyController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/websiteController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/fileSendEmialController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/vpcCutoverController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/orderController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/vmSpecificationController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/reportController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/billingController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/serviceApplyController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/orderIndexController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/orderCdmController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/resourceController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/loadBalancerApplyController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/attachTemplateSettingsController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/permissionConfigSettingController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/userGroupController.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/controller/resourceMonitorAlarmController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/resourceMonitoringController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/capacityMonitorController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/serviceApplyEasyController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/applyVmReinstallController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/updateVmReinstallController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/applyCloneVmController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/customer/updateCloneVmController.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/controller/firstpageController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/resourcePoolClusterController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/calculatorController.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/costAnalysisController.js"></script>

<script type="module" src="https://cloud.192.168.209.220.nip.io/js/modules/_modules.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/models/cloneVmOrder.js"></script>

<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jquery-ui.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jtopo.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/toolbar.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/select2.min.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jforest/jforest-core.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jforest/jforest-paging.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jforest/jforest-table.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jforest/jforest-tree.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jforest/jquery.json.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jquery.form.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/zxx.drag.1.0.js"></script>
<script type="text/javascript" src="https://cloud.192.168.209.220.nip.io/html/monitor/js/jquery.bigcolorpicker.min.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/js/service/thirdPartyAppSysService.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/js/controller/thirdPartyAppSysController.js"></script>

<script src="https://cloud.192.168.209.220.nip.io/lib/tinymce/angular-tinymce-ui/src/tinymce.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/lib/tinymce/tinymce.min.js"></script>
<script src="https://cloud.192.168.209.220.nip.io/lib/tinymce/angular-tinymce-ui/dist/tinymce.min.js"></script>

<!-- 标签选择模态框 -->
<div class="modal fade" id="tagModal" tabindex="-1" role="dialog" aria-labelledby="tagModalLabel">
  <div class="modal-dialog" role="document" style="width:420px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="tagModalLabel">选择标签</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label for="tagSelect" class="control-label">标签：</label>
          <select id="tagSelect" class="form-control">
          </select>
          <div id="tagHint" class="help-block" style="display:none;color:#d9534f;margin-top:8px;">最多添加 10 个标签</div>
        </div>
      </div>
      <div class="modal-footer">
        <div class="pull-left">
          <button type="button" class="btn btn-link" id="openTagManage" style="padding-left:0">标签管理</button>
        </div>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="confirmAddTag">确定</button>
      </div>
    </div>
  </div>
 </div>

<script>
  (function() {
    // 预置标签列表（可按需调整）
    var allTags = ['生产', '测试', '核心', '重要', '数据库', 'Web', '中间件', '敏感', '高可用', '离线'];
    var vmTags = []; // 当前云主机的标签，默认空

    function renderTags() {
      var container = document.getElementById('vm-tags');
      if (!container) return;
      if (vmTags.length === 0) {
        container.innerHTML = '';
        return;
      }
      container.innerHTML = vmTags.map(function(t) {
        return '<span class="label label-default" style="margin-right:6px;display:inline-block;">' +
               t + ' <span class="tag-remove" data-tag="' + t + '" style="cursor:pointer;margin-left:4px;">×</span></span>';
      }).join('');
    }

    function openTagModal() {
      var select = document.getElementById('tagSelect');
      var hint = document.getElementById('tagHint');
      hint.style.display = 'none';
      // 过滤掉已选择的标签
      var options = allTags.filter(function(t) { return vmTags.indexOf(t) === -1; });
      select.innerHTML = options.map(function(t){ return '<option value="' + t + '">' + t + '</option>'; }).join('');
      // 若无可选项或已达上限，仍可看到上限提示
      if (vmTags.length >= 10) {
        hint.style.display = 'block';
      }
      // 打开模态框
      if (window.jQuery && jQuery.fn && jQuery.fn.modal) {
        jQuery('#tagModal').modal('show');
      } else {
        // 兜底：简单显示隐藏（不使用系统弹窗）
        document.getElementById('tagModal').style.display = 'block';
      }
    }

    function closeTagModal() {
      if (window.jQuery && jQuery.fn && jQuery.fn.modal) {
        jQuery('#tagModal').modal('hide');
      } else {
        document.getElementById('tagModal').style.display = 'none';
      }
    }

    function attachEvents() {
      var addBtn = document.getElementById('add-tag-btn');
      var confirmBtn = document.getElementById('confirmAddTag');
      var select = document.getElementById('tagSelect');
      var hint = document.getElementById('tagHint');
      var container = document.getElementById('vm-tags');
      var openManage = document.getElementById('openTagManage');

      if (addBtn) {
        addBtn.addEventListener('click', function() {
          openTagModal();
        });
      }

      if (confirmBtn) {
        confirmBtn.addEventListener('click', function() {
          if (vmTags.length >= 10) {
            hint.style.display = 'block';
            return;
          }
          var val = select && select.value;
          if (val && vmTags.indexOf(val) === -1) {
            vmTags.push(val);
            renderTags();
          }
          closeTagModal();
        });
      }

      if (container) {
        container.addEventListener('click', function(e) {
          var target = e.target || e.srcElement;
          if (target && target.classList && target.classList.contains('tag-remove')) {
            var tag = target.getAttribute('data-tag');
            var idx = vmTags.indexOf(tag);
            if (idx > -1) {
              vmTags.splice(idx, 1);
              renderTags();
            }
          }
        });
      }

      if (openManage) {
        openManage.addEventListener('click', function() {
          window.open('biaoqianguanli.html', '_blank');
        });
      }
    }

    // DOM 就绪后初始化
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', function() {
        renderTags();
        attachEvents();
      });
    } else {
      renderTags();
      attachEvents();
    }
  })();
</script>

</body></html>